<template>
  <div id="container">
    <router-view></router-view>
  </div>
</template>

<script setup>
  import { onMounted } from 'vue'
  import { useRouter } from 'vue-router'

  const router = useRouter()

  onMounted(() => {
    // 没有token信息就跳转到登录页
    const token = localStorage.getItem('token')
    if (!token) {
      // router 跳转到登录页
      router.push('/')
    }
  })
</script>

<style>
  html, body {
    margin: 0;          /* 去除默认的外边距 */
    padding: 0;         /* 去除默认的内边距 */
    height: 100%;       /* 使 body 高度充满视口 */
    width: 100%;        /* 使 body 宽度充满视口 */
    overflow: hidden;   /* 隐藏滚动条 */
  }

  #container {
    width: 100%;
    height: 100vh;
  }
</style>
